<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/wode.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div id="web">
		<!--头部start-->
		  <header>
			<a class="fl back">
				Back
			</a>
			<div class="fr xinxi">
				<img src="img/xinxi.jpg"/>
			</div>
			<div class="title">
				<p>我的</p>
			</div>
		  </header>
		  
		  <!--滚动部分start-->
		  <div class="session">
		  <div class="gd1 clearfix">
		  	<div class="fl gd1-1">
		  		<img src="img/touxiang.jpg"/>
		  	</div>
		  	<div class="fl gd1-2">
		  		<p class="wz30">点击登录</p>
		  		<p class="wz26">常居地未设置</p>
		  	</div>
		  	<div class="fr gd1-3">
		  		<img src="img/yjt.jpg"/>
		  	</div>
		  </div>
		  
		  <div class="gd2 clearfix">
		  	<div class="cfx1 fl">
		  		<img src="img/wddping.png"/>
		  		<p>我的点评</p>
		  	</div>
		  	<div class="cfx2 fl">
		  		<img src="img/wdsc.png"/>
		  		<p>我的收藏</p>
		  	</div>
		  	<div class="cfx3 fl">
		  		<img src="img/youhuiquan.png"/>
		  		<p>优惠券</p>
		  	</div>
		  </div>
		  
		  <div class="gd3 clearfix">
		  	<div class="fl gd3-1">
		  		<div class="ib"><img src="img/wdqb.jpg" class="qb"/></div>
		  		<span class="wz26">我的钱包</span>
		  	</div>
		  	<div class="fr gd3-2">
		  		<span class="wz24">更多</span>
		  		<img src="img/gd.jpg"  class="gd"/>
		  	</div>
		  </div>
		  
		  <div class="gd4 clearfix">
		  	<div class="fl gd4-1">
		  		<div class="ib"><img src="img/ddping.jpg" class="ddping"/></div>
		  		<span class="wz26">待点评</span>
		  	</div>
		  	<div class="fr gd4-2">
		  		<span class="wz24">更多</span>
		  		<img src="img/gd.jpg"  class="gd"/>
		  	</div>
		  </div>
		  
		  <div class="gd5 clearfix">
		  	<div class="fl gd5-1">
		  		<div class="ib"><img src="img/zhaohaoyou.jpg" class="zhy"/></div>
		  		<span class="wz26">找好友</span>
		  	</div>
		  	<div class="fr gd5-2">
		  		<span class="wz24">更多</span>
		  		<img src="img/gd.jpg"  class="gd"/>
		  	</div>
		  </div>
		  
		  <div class="gd6 clearfix">
		  	<div class="fl gd6-1">
		  		<div class="ib"><img src="img/zuji.jpg" class="zuji"/></div>
		  		<span class="wz26">我的足迹</span>
		  	</div>
		  	<div class="fr gd6-2">
		  		<span class="wz24">更多</span>
		  		<img src="img/gd.jpg" class="gd"/>
		  	</div>
		  </div>
		  
		  <div class="sy79">
		  <div class="gd7 clearfix">
		  	<div class="fl gd7-1">
		  		<div class="ib"><img src="img/shezhi.jpg" class="sz"/></div>
		  		<span class="wz26">设置</span>
		  	</div>
		  	<div class="fr gd7-2">
		  		<span class="wz24">更多</span>
		  		<img src="img/gd.jpg" class="gd"/>
		  	</div>
		  </div>
		  
		  <div class="gd8 clearfix">
		  	<div class="fl gd8-1">
		  		<div class="ib"><img src="img/lx.jpg" class="lx"/></div>
		  		<span class="wz26">联系</span>
		  	</div>
		  	<div class="fr gd8-2">
		  		<span class="wz24">更多</span>
		  		<img src="img/gd.jpg" class="gd"/>
		  	</div>
		  </div>
		  </div>
		  
		  <div class="tczh clearfix">
		  	<a class="tc fl">退出</a>
		  	<a class="zx fl">注销</a>
		  </div>
		  </div>
		  
		 
		  <!--底部-->
			<footer>
				<ul>
					<li class="fl jz"><a href="tuangou.html">
							<i class="iconfont icon-path"></i>
							<p class="wz26">首页</p>
						</a></li>
					<li class="fl"><a href="fenlei.html">
                            <i class="iconfont icon-classify"></i>
							<p class="wz26">分类</p>
						</a></li>
					<li class="fl"><a href="faxian.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p class="wz26">发现</p>
						</a></li>
					<li class="fl wode"><a href="wode.html">
                            <i class="iconfont icon-user"></i>
							<p class="wz26">我的</p>
						</a></li>
				</ul>
			</footer>
		</div>
		
		<script>
    
        
		document.body.style.height = window.innerHeight + "px";
		
        /*动态改变根元素字体大小*/
        function recalc() {
            var clientWidth = document.documentElement.clientWidth;
            if(!clientWidth) return;
            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
        }

        function initRecalc() {
            recalc();
            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
            if(!document.addEventListener) return;
            window.addEventListener(resizeEvt, recalc, false);
            document.addEventListener('DOMContentLoaded', recalc, false);
        }
        initRecalc();
    
    
    
    </script>
	</body>
</html>
